<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>米米</title>
    <link rel="stylesheet" href="css/bootstrap.css">
    <style>
    ul,li{margin: 0;padding: 0;}
    .top-nav{color: #b0b0b0!important; height: 42px;min-height: 42px;}
    .top-nav .nav-tabs{border: 0;}
    .top-nav a{
            display: inline-block!important;
            color: #b0b0b0;
            border: 0!important;
        }
    .navbar {border-radius: 0px; }
    .page-nav a{color: #000;}
    .navbar-brand{width:66px; background-color: yellow;margin-left: 0!important;margin-right: 40px;padding:15px 0;text-align: center;}
    .car{background:rgb(66, 66, 66);}
    </style>
</head>
<body>
<!-- top -->
    <div class="top">
        <div class="navbar navbar-inverse top-nav">
            <div class="container">  
                <ul class="nav nav-tabs pull-left">
                    <li><a href="#">米米网</a><span>|</span></li>
                    <li><a href="#">MIUI</a>|</li>
                    <li><a href="#">米聊</a>|</li>
                    <li><a href="#">游戏</a>|</li>
                    <li><a href="#">多看阅读</a>|</li>
                    <li><a href="#">米米移动版</a>|</li>
                    <li><a href="#">问题反馈</a>|</li>
                    <li><a href="#">Select Region</a></li>
                </ul> 
               <ul class="nav nav-tabs pull-right">
                   <li><a href="#">登录</a>|</li>
                   <li><a href="#">注册</a></li>
                   <li class="car"><a href="#">购物车(0)</a></li>
               </ul>
            </div>
        </div>
        <nav class="page-nav navbar ">
          <div class="container">
            <div class="navbar-header">
              <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
              <a class="navbar-brand" href="#">米米</a>
            </div>
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
              <ul class="nav navbar-nav">
                <li class="active"><a href="#">大米手机 <span class="sr-only">(current)</span></a></li>
                <li><a href="#">红米</a></li>
                <li><a href="#">平板</a></li>
                <li><a href="#">电视</a></li>
                <li><a href="#">盒子</a></li>
                <li><a href="#">路由器</a></li>
                <li><a href="#">智能硬件</a></li>
                <li><a href="#">服务</a></li>
                <li><a href="#">社区</a></li>
              </ul>
              <form class="navbar-form navbar-right" role="search">
                <div class="form-group">
                  <input type="text" class="form-control" placeholder="Search">
                </div>
                <button type="submit" class="btn btn-default">GO</button>
              </form>
            </div>
          </div>
        </nav>
    </div>
<!-- top -->
<!-- benner -->
    <div class="page-content">
        <div class="container">
            <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
              <!-- Indicators -->
              <ol class="carousel-indicators">
                <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                <li data-target="#carousel-example-generic" data-slide-to="3"></li>
                <li data-target="#carousel-example-generic" data-slide-to="4"></li>
                <li data-target="#carousel-example-generic" data-slide-to="5"></li>
              </ol>
              <div class="carousel-inner" role="listbox">
                <div class="item active">
                  <img src="img/ban1.jpg" alt="">
                </div>
                <div class="item">
                  <img src="img/ban2.jpg" alt="">
                </div>
                <div class="item">
                  <img src="img/ban3.jpg" alt="">
                </div>
                <div class="item">
                  <img src="img/ban4.jpg" alt="">
                </div>
                <div class="item">
                  <img src="img/ban5.jpg" alt="">
                </div>
              </div>
              <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
              </a>
              <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
              </a>
            </div>
        </div>
    </div>
    
<!-- benner -->
    <script src="http://apps.bdimg.com/libs/jquery/2.0.0/jquery.min.js"></script>
    <script src="js/bootstrap.js"></script>
</body>
</html>